.my_masonry_grid {
  display: -webkit-box;
  /* Not needed if autoprefixing */
  display: -ms-flexbox;
  /* Not needed if autoprefixing */
  display: flex;
  margin-left: -30px;
  /* gutter size offset */
  width: auto;
}

.my_masonry_grid_column {
  padding-left: 30px;
  /* gutter size */
  background-clip: padding-box;
}

.ellipsis {
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  max-width: 100%;
  /* 最大宽度，根据需要设置 */
}


.card_container {
  height: max-content;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  /* 设置列宽，自动换行 */
  gap: 10px;
  /* 可选，设置卡片之间的间距 */
}

.dcard {
  background-color: var(--color-bg-200);
}


.env_div {
  max-height: 70vh;
  /* 设置最大高度为屏幕高度的70% */
  overflow-y: auto;
  /* 如果内容超出最大高度，则显示垂直滚动条 */
}